<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Welcome to PersonaFilm</title>
        <link rel="stylesheet" href="<?=base_url()?>css/style.css" type="text/css" />
        <link rel="stylesheet" href="<?=base_url()?>css/stylecss1.css" type="text/css" />
        <link rel="stylesheet" href="<?=base_url()?>css/stylecss2.css" type="text/css" />
        <link type="text/css" rel="stylesheet" href="<?php echo base_url();?>/css/dhtmlgoodies_calendar.css?random=20051112" media="screen"></link>
        <script xml:spacetype="text/javascript" src="<?php echo base_url();?>/javascript/dhtmlgoodies_calendar.js?random=20060118"></script>

        <script>
			$(function() {
			$( "#datepicker" ).datepicker();
		});
	</script>
    </head>
    <body>
        <div id="header">
            <table border="0" align="center" width="72%" cellpadding="10" cellspacing="20" class="text"><tr><td colspan="2" width="100%" class="" valign="top"><h2 align="center" class="crush-vert">Selamat datang di PersonaFilm</h2>
                        <div class="introduction" align="center" class="text">
                            <p>Untuk mendapatkan rekomendasi, Anda harus membuat acount terlebih dahulu.</p>
                            <p>Isilah data pribadi dengan benar, maka Anda akan mendapatkan rekomendasi yang baik.</p>
                        </div>
                        <br/>
                    </td>
                </tr>
            </table>
            <div class="logo_genre">
                <img src="<?=base_url()?>/images/action.png" />
                <img src="<?=base_url()?>/images/comedy.png" />
                <img src="<?=base_url()?>/images/fantasy.png" />
                <img src="<?=base_url()?>/images/horror.png" />
                <img src="<?=base_url()?>/images/romance.png" />
            </div>
            <div class="genre_name">
                <label>Action</label>
                <label>Comedy</label>
                <label>Fantasy</label>
                <label>Horror</label>
                <label>Romance</label>
            </div>
            <center>
                <div class="done" style="visibility:visible;">
                    <div id="lbContent" class="clearfix">
                        <div class="info">
                            <h2>Registrasi User</h2>
                        </div>
                        <div class="form_login">
                        <?php
        $this->load->helper('HTML');
        echo form_open('pendaftaranControl/registrasi');
        ?>
                            <table style="margin-top: -50px; margin-right: 150px; float: right;">
                                <tr valign="top">
                                    <td><label style="font-size: 20px;" for="username">Username</label></td>
                                    <td><?php echo form_input('USERNAME', '', 'required'); ?> <?php echo form_error('USERNAME'); ?></td>
                                </tr>
                                <br/>
                                <tr valign="top">
                                    <td><label style="font-size: 20px;" for="password">Password</label></td>
                                    <td><?php echo form_password('PASSWORD', '', 'required'); ?> <?php echo form_error('PASSWORD'); ?>
                                </tr>
                                <br/>
                                <tr valign="top">
                                    <td><label style="font-size: 20px;" for="gender">Gender</label></td>
                                    <td><?php echo form_radio('GENDER', 'M', 'required')."Pria"; ?><?php echo form_radio('GENDER', 'F', 'required')."Wanita"; ?></td>
                                </tr>
                                <br/>
                                <tr valign="top">
                                    <td><label style="font-size: 20px;" for="email">Email</label></td>
                                    <td><?php echo form_input('EMAIL', '', 'required'); ?> <?php echo form_error('EMAIL'); ?></td>
                                </tr>
                                <br/>
                                <tr valign="top">
                                    <td><label style="font-size: 20px">Birthdate</label></td>
                                    <td><input id="datepicker" type="text" name="BIRTHDATE"></p></td>
                                    <td>&nbsp;</td>
                                </tr>
                                <br/>
                                <tr>
                                    <td> <?php echo form_submit('submit', 'Sign up', 'id="submit"'); ?> </td>
                                </tr>
                            </table>
                            <?php echo form_close(); ?>
                        </div>
                    </div>
                </div>
            </center>
            <div>
                            <?php echo anchor ('userPageControl/login', 'Kembali'); ?>
                            </div>
        </div>
    </body>
</html>
